<template>
	<view class="content">
		
		<uni-list>
		<!-- 	<uni-list-item
			v-for="item,index in list"
			 :key="index"
			 :title="item.name"
			 :note="item.department"
			 :thumb="item.icon"
			 :badgeText="item.badgeText"
			 thumbSize="lg" 
			 showBadge="true"
			  >
			  </uni-list-item>
			 -->
			<uni-list-item
			v-for="item,index in list"
			 :key="index"
			 :title="item.name"
			 :note="item.department"
			  >
			  </uni-list-item>
			
		</uni-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				"list": [
					// {
					// 	"id": 1,
					// 	"name": "张三",
					// 	"icon": "/static/girl.png",
					// 	"note": "信息工程学院", // department
					// 	"badgeText":"6"
					// },
					// {
					// 		"id": 2,
					// 		"name": "李四",
					// 		"icon": "/static/boy.png",
					// 		"note": "信息工程学院",
					// 		"badgeText":"7"
					// 	},
					],
			}
		},
		methods: {
			
		},
		onLoad() {
			uni.request({
				url: 'http://localhost:8091/freshmenapp/user/list',
				method: 'GET',
				data: {},
				success: res => {
					console.log(res.data);
					if(res.data.success === true){
						this.list = res.data.list
					}
				},
				fail: (err) => {
					uni.showToast({
						title: '网络错误',
						icon:'error'
					});
				},
				complete: () => {}
			});
		}
	}
</script>

<style>
	/deep/ .uni-badge{
		background-color: red;
	}
</style>
